<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>荣昌区强企惠企政策库</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    
    <!-- 配置Tailwind自定义颜色和字体 -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#165DFF',
                        secondary: '#36CFC9',
                        accent: '#FF7D00',
                        dark: '#1D2129',
                        light: '#F2F3F5'
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .policy-card-shadow {
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            }
            .policy-card-shadow:hover {
                box-shadow: 0 8px 30px rgba(22, 93, 255, 0.15);
            }
            .text-balance {
                text-wrap: balance;
            }
        }
    </style>
</head>
<body class="bg-gray-50 font-sans text-dark">
    <!-- 顶部导航栏 -->
    <header class="sticky top-0 z-50 bg-white shadow-sm transition-all duration-300">
        <div class="container mx-auto px-4 py-4 flex flex-col md:flex-row justify-between items-center">
            <div class="flex items-center mb-4 md:mb-0">
                <i class="fa fa-building-o text-primary text-3xl mr-3"></i>
                <div>
                    <h1 class="text-[clamp(1.5rem,3vw,2rem)] font-bold text-primary">荣昌区强企惠企政策库</h1>
                    <p class="text-gray-500 text-sm">企业政策一站式查询平台</p>
                </div>
            </div>
            
            <!-- 搜索框 -->
            <div class="w-full md:w-auto relative w-full max-w-2xl">
                <input 
                    type="text" 
                    id="searchInput" 
                    placeholder="搜索政策关键词（如：贷款、补贴、上市）"
                    class="w-full pl-10 pr-4 py-3 rounded-lg border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary/20 outline-none transition-all"
                >
                <i class="fa fa-search absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"></i>
            </div>
        </div>
    </header>

    <!-- 主要内容区 -->
    <main class="container mx-auto px-4 py-8">
        <!-- 分类筛选标签 -->
        <div class="mb-8 overflow-x-auto pb-2">
            <div class="flex space-x-2 min-w-max">
                <button class="category-filter active px-5 py-2 rounded-full bg-primary text-white font-medium text-sm transition-all" data-category="all">
                    全部政策
                </button>
                <button class="category-filter px-5 py-2 rounded-full bg-gray-100 hover:bg-gray-200 font-medium text-sm transition-all" data-category="finance">
                    财税金融
                </button>
                <button class="category-filter px-5 py-2 rounded-full bg-gray-100 hover:bg-gray-200 font-medium text-sm transition-all" data-category="enterprise">
                    企业培育
                </button>
                <button class="category-filter px-5 py-2 rounded-full bg-gray-100 hover:bg-gray-200 font-medium text-sm transition-all" data-category="tech">
                    科技创新
                </button>
                <button class="category-filter px-5 py-2 rounded-full bg-gray-100 hover:bg-gray-200 font-medium text-sm transition-all" data-category="environment">
                    营商环境
                </button>
                <button class="category-filter px-5 py-2 rounded-full bg-gray-100 hover:bg-gray-200 font-medium text-sm transition-all" data-category="agriculture">
                    农业与绿色发展
                </button>
            </div>
        </div>

        <!-- 搜索结果统计 -->
        <div class="mb-6 flex justify-between items-center">
            <p class="text-gray-600" id="resultCount">显示所有 <span class="font-semibold text-primary">13</span> 项政策</p>
            <div class="text-sm text-gray-500">
                <i class="fa fa-info-circle mr-1"></i>
                政策内容实时更新，以官方发布为准
            </div>
        </div>

        <!-- 政策列表 -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" id="policyContainer">
            <!-- 财税金融政策 -->
            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="finance" 
                 data-keywords="贷款 信用 小微企业 融资">
                <div class="bg-primary/10 px-6 py-3 border-l-4 border-primary">
                    <h3 class="font-bold text-lg">民营和小微企业流动性信用贷款</h3>
                    <p class="text-xs text-gray-500 mt-1">财税金融政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">单笔贷款最高600万元，单户企业总额不超过1000万元。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-primary"></i>支持对象：区内注册纳税的小型、微型企业</p>
                    </div>
                    <a href="http://www.rongchang.gov.cn/zt_264/cqsrcqwjjzcb/csjrzc/202411/t20241108_13783091.html" 
                       class="inline-flex items-center text-primary hover:text-primary/80 font-medium transition-colors" 
                       target="_blank">
                        查看官方政策 <i class="fa fa-external-link ml-1 text-xs"></i>
                    </a>
                </div>
            </div>

            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="finance" 
                 data-keywords="上市 挂牌 奖励 企业融资">
                <div class="bg-primary/10 px-6 py-3 border-l-4 border-primary">
                    <h3 class="font-bold text-lg">企业上市挂牌奖励</h3>
                    <p class="text-xs text-gray-500 mt-1">财税金融政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">重庆股份转让中心挂牌奖励45万元；全国中小企业股份转让系统基础层挂牌奖励200万元，创新层奖励400万元；境内外上市最高奖励1000万元。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-primary"></i>支持对象：区内挂牌上市企业</p>
                    </div>
                    <a href="http://www.rongchang.gov.cn/zt_264/cqsrcqwjjzcb/csjrzc/202411/t20241108_13783091.html" 
                       class="inline-flex items-center text-primary hover:text-primary/80 font-medium transition-colors" 
                       target="_blank">
                        查看官方政策 <i class="fa fa-external-link ml-1 text-xs"></i>
                    </a>
                </div>
            </div>

            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="finance" 
                 data-keywords="增值税 退税 技术转让 免税">
                <div class="bg-primary/10 px-6 py-3 border-l-4 border-primary">
                    <h3 class="font-bold text-lg">增值税留抵退税及技术转让免税</h3>
                    <p class="text-xs text-gray-500 mt-1">财税金融政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">先进制造业按月全额退还增值税增量留抵税额；技术转让、开发及相关服务免征增值税。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-primary"></i>支持对象：制造业等行业企业、技术转让纳税人</p>
                    </div>
                    <a href="http://www.rongchang.gov.cn/zt_264/cqsrcqwjjzcb/csjrzc/202411/t20241108_13783091.html" 
                       class="inline-flex items-center text-primary hover:text-primary/80 font-medium transition-colors" 
                       target="_blank">
                        查看官方政策 <i class="fa fa-external-link ml-1 text-xs"></i>
                    </a>
                </div>
            </div>

            <!-- 企业培育与产业升级 -->
            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="enterprise" 
                 data-keywords="民营企业 20条 开办 专精特新 研发投入">
                <div class="bg-secondary/10 px-6 py-3 border-l-4 border-secondary">
                    <h3 class="font-bold text-lg">支持民营企业发展20条措施</h3>
                    <p class="text-xs text-gray-500 mt-1">企业培育政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">企业开办全流程零成本，最快2小时办结；对"专精特新"企业最高奖励300万元；研发投入最高补贴100万元。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-secondary"></i>支持对象：区内民营企业</p>
                    </div>
                    <a href="http://www.rongchang.gov.cn/zwgk_264/zcwj/qzfwj/zcyy/202212/t20221226_11418964.html" 
                       class="inline-flex items-center text-secondary hover:text-secondary/80 font-medium transition-colors" 
                       target="_blank">
                        查看官方政策 <i class="fa fa-external-link ml-1 text-xs"></i>
                    </a>
                </div>
            </div>

            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="enterprise" 
                 data-keywords="中小微企业 政银保 信用贷款 风险补偿">
                <div class="bg-secondary/10 px-6 py-3 border-l-4 border-secondary">
                    <h3 class="font-bold text-lg">中小微企业'政银保'流动性信用贷款</h3>
                    <p class="text-xs text-gray-500 mt-1">企业培育政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">风险补偿金初期规模500万元，目标2000万元；政府、担保机构、银行按3:5:2比例分担风险。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-secondary"></i>支持对象：区内中小微企业、新型农业经营主体、个体工商户</p>
                    </div>
                    <a href="http://www.rongchang.gov.cn/zwgk_264/zcwj/xzgfxwj/202505/t20250514_14609205.html" 
                       class="inline-flex items-center text-secondary hover:text-secondary/80 font-medium transition-colors" 
                       target="_blank">
                        查看官方政策 <i class="fa fa-external-link ml-1 text-xs"></i>
                    </a>
                </div>
            </div>

            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="enterprise" 
                 data-keywords="专精特新 高质量发展 孵化器 数字化转型">
                <div class="bg-secondary/10 px-6 py-3 border-l-4 border-secondary">
                    <h3 class="font-bold text-lg">专精特新企业高质量发展实施方案</h3>
                    <p class="text-xs text-gray-500 mt-1">企业培育政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">到2025年培育市级专精特新企业100家、国家"小巨人"企业10家；构建"孵化器+加速器+产业园"创新体系。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-secondary"></i>支持对象：专精特新企业及培育对象</p>
                    </div>
                    <a href="http://www.rongchang.gov.cn/zwgk_264/zcwj/xzgfxwj/202207/W020250312543521498336.pdf" 
                       class="inline-flex items-center text-secondary hover:text-secondary/80 font-medium transition-colors" 
                       target="_blank">
                        查看官方政策 <i class="fa fa-external-link ml-1 text-xs"></i>
                    </a>
                </div>
            </div>

            <!-- 科技创新与研发支持 -->
            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="tech" 
                 data-keywords="科技创新 补贴 高新技术企业 研发投入">
                <div class="bg-accent/10 px-6 py-3 border-l-4 border-accent">
                    <h3 class="font-bold text-lg">科技创新补贴</h3>
                    <p class="text-xs text-gray-500 mt-1">科技创新政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">首次认定国家高新技术企业最高补贴25万元；研发投入按比例补贴，最高100万元。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-accent"></i>支持对象：国家高新技术企业、科技型中小企业</p>
                    </div>
                    <a href="http://www.shurl.cc/fe4902e249c992ec2f5031f83a608354" 
                       class="inline-flex items-center text-accent hover:text-accent/80 font-medium transition-colors" 
                       target="_blank">
                        查看官方政策 <i class="fa fa-external-link ml-1 text-xs"></i>
                    </a>
                </div>
            </div>

            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="tech" 
                 data-keywords="科研项目 揭榜挂帅 技术攻关 成果转化">
                <div class="bg-accent/10 px-6 py-3 border-l-4 border-accent">
                    <h3 class="font-bold text-lg">重大科研项目'揭榜挂帅'</h3>
                    <p class="text-xs text-gray-500 mt-1">科技创新政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">技术攻关类项目财政资助不超过30%，最高50万元；成果转化类项目财政资助不超过30%，最高50万元。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-accent"></i>支持对象：企业、高校、科研院所</p>
                    </div>
                    <a href="http://www.rongchang.gov.cn/bm/qkjj/zwgk_70831/zfxxgkml_160195/zcwj/xzgfxwj_70836/202504/t20250429_14570042.html" 
                       class="inline-flex items-center text-accent hover:text-accent/80 font-medium transition-colors" 
                       target="_blank">
                        查看官方政策 <i class="fa fa-external-link ml-1 text-xs"></i>
                    </a>
                </div>
            </div>

            <!-- 要素保障与优化营商环境 -->
            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="environment" 
                 data-keywords="质量强区 产业集群 基础设施">
                <div class="bg-purple-500/10 px-6 py-3 border-l-4 border-purple-500">
                    <h3 class="font-bold text-lg">质量强区建设行动计划</h3>
                    <p class="text-xs text-gray-500 mt-1">营商环境政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">打造智能网联新能源汽车零部件等500亿级产业集群；推动质量基础设施"一站式"服务平台建设。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-purple-500"></i>支持对象：相关产业企业</p>
                    </div>
                    <a href="http://www.rongchang.gov.cn/zwgk_264/zcwj/qzfwj/zcyy/202501/t20250103_14044055.html" 
                       class="inline-flex items-center text-purple-500 hover:text-purple-500/80 font-medium transition-colors" 
                       target="_blank">
                        查看官方政策 <i class="fa fa-external-link ml-1 text-xs"></i>
                    </a>
                </div>
            </div>

            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="environment" 
                 data-keywords="政务服务 川渝通办 企业注销">
                <div class="bg-purple-500/10 px-6 py-3 border-l-4 border-purple-500">
                    <h3 class="font-bold text-lg">优化政务服务</h3>
                    <p class="text-xs text-gray-500 mt-1">营商环境政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">川渝通办政务服务311项；企业"证照并联注销"当日办结。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-purple-500"></i>支持对象：所有企业和办事群众</p>
                    </div>
                    <a href="http://www.rongchang.gov.cn/zwgk_264/zcwj/qzfwj/zcyy/202212/t20221226_11418964.html" 
                       class="inline-flex items-center text-purple-500 hover:text-purple-500/80 font-medium transition-colors" 
                       target="_blank">
                        查看官方政策 <i class="fa fa-external-link ml-1 text-xs"></i>
                    </a>
                </div>
            </div>

            <!-- 农业与绿色发展 -->
            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="agriculture" 
                 data-keywords="农业补贴 秸秆利用 种粮">
                <div class="bg-green-500/10 px-6 py-3 border-l-4 border-green-500">
                    <h3 class="font-bold text-lg">农业补贴与秸秆综合利用</h3>
                    <p class="text-xs text-gray-500 mt-1">农业与绿色发展政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">实际种粮一次性补贴；秸秆饲料化加工项目最高补贴。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-green-500"></i>支持对象：种粮主体、秸秆综合利用企业</p>
                    </div>
                    <div class="space-y-2">
                        <a href="http://www.rongchang.gov.cn/bm/qczj/zwgk_70831/fdzdgknr_70834/qtfdxx/202502/t20250205_14254487.html" 
                           class="inline-flex items-center text-green-500 hover:text-green-500/80 font-medium transition-colors text-sm" 
                           target="_blank">
                            农业补贴 <i class="fa fa-external-link ml-1 text-xs"></i>
                        </a>
                        <a href="http://www.rongchang.gov.cn/bm/qnyncw/zwgk_70831/zfxxgkml_159995/jczwgk_158289/snbtlyjczwgk/sqzn/202506/t20250606_14693097.html" 
                           class="inline-flex items-center text-green-500 hover:text-green-500/80 font-medium transition-colors text-sm" 
                           target="_blank">
                            秸秆利用 <i class="fa fa-external-link ml-1 text-xs"></i>
                        </a>
                    </div>
                </div>
            </div>

            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="agriculture" 
                 data-keywords="清洁能源 现代服务业 天然气">
                <div class="bg-green-500/10 px-6 py-3 border-l-4 border-green-500">
                    <h3 class="font-bold text-lg">清洁能源与现代服务业支持</h3>
                    <p class="text-xs text-gray-500 mt-1">农业与绿色发展政策</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">清洁能源专项资金最高500万元；现代服务业项目补助不超过总投资10%。</p>
                    <div class="mb-4">
                        <p class="text-sm text-gray-500"><i class="fa fa-user-o mr-2 text-green-500"></i>支持对象：非常规天然气开采、现代生产性服务业项目</p>
                    </div>
                    <div class="space-y-2">
                        <a href="http://czj.cq.gov.cn/zwgk_268/zfxxgkml/zcwj/qtwj/202412/t20241205_13865728_wap.html" 
                           class="inline-flex items-center text-green-500 hover:text-green-500/80 font-medium transition-colors text-sm" 
                           target="_blank">
                            清洁能源 <i class="fa fa-external-link ml-1 text-xs"></i>
                        </a>
                        <a href="http://m.toutiao.com/group/7501729547247698466/?upstream_biz=doubao" 
                           class="inline-flex items-center text-green-500 hover:text-green-500/80 font-medium transition-colors text-sm" 
                           target="_blank">
                            现代服务业 <i class="fa fa-external-link ml-1 text-xs"></i>
                        </a>
                    </div>
                </div>
            </div>

            <!-- 政策申请与咨询 -->
            <div class="policy-card bg-white rounded-xl overflow-hidden policy-card-shadow transition-all duration-300 hover:-translate-y-1" 
                 data-category="environment" 
                 data-keywords="申请流程 咨询 电话 官方渠道">
                <div class="bg-gray-500/10 px-6 py-3 border-l-4 border-gray-500">
                    <h3 class="font-bold text-lg">政策申请与咨询方式</h3>
                    <p class="text-xs text-gray-500 mt-1">通用信息</p>
                </div>
                <div class="p-6">
                    <p class="text-gray-600 mb-4 text-balance">企业通过"棠城金服"平台或行业主管部门提交材料，经审核后拨付资金。</p>
                    
                    <div class="mb-4">
                        <h4 class="font-medium text-gray-800 mb-2">咨询电话：</h4>
                        <p class="text-sm text-gray-600 mb-1"><i class="fa fa-phone mr-2 text-gray-500"></i>区金融事务中心：023-46512366（财税金融政策）</p>
                        <p class="text-sm text-gray-600 mb-1"><i class="fa fa-phone mr-2 text-gray-500"></i>区经济信息委：023-46789789（企业培育、产业升级）</p>
                        <p class="text-sm text-gray-600"><i class="fa fa-phone mr-2 text-gray-500"></i>区科技局：023-85265608（科技创新）</p>
                    </div>
                    
                    <div>
                        <h4 class="font-medium text-gray-800 mb-2">官方渠道：</h4>
                        <a href="http://www.rongchang.gov.cn/" 
                           class="inline-flex items-center text-gray-500 hover:text-gray-700 font-medium transition-colors text-sm" 
                           target="_blank">
                            荣昌区人民政府官网 <i class="fa fa-external-link ml-1 text-xs"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 无结果提示 -->
        <div id="noResults" class="hidden py-20 text-center">
            <i class="fa fa-search text-gray-300 text-5xl mb-4"></i>
            <h3 class="text-xl font-medium text-gray-500 mb-2">未找到相关政策</h3>
            <p class="text-gray-400">请尝试使用其他关键词或浏览全部分类</p>
        </div>
    </main>

    <!-- 页脚 -->
    <footer class="bg-dark text-white py-12 mt-16">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <div>
                    <h3 class="text-xl font-bold mb-4 flex items-center">
                        <i class="fa fa-building-o mr-2"></i> 荣昌区强企惠企政策库
                    </h3>
                    <p class="text-gray-400 text-sm">本平台汇总荣昌区各类强企惠企政策，方便企业查询与申请。所有政策内容均来源于政府官方网站，如有疑问请联系相关部门。</p>
                </div>
                
                <div>
                    <h3 class="text-lg font-semibold mb-4">快速链接</h3>
                    <ul class="space-y-2 text-gray-400">
                        <li><a href="http://www.rongchang.gov.cn/" class="hover:text-white transition-colors"><i class="fa fa-angle-right mr-1"></i> 荣昌区人民政府官网</a></li>
                        <li><a href="#" class="hover:text-white transition-colors"><i class="fa fa-angle-right mr-1"></i> 政策申报指南</a></li>
                        <li><a href="#" class="hover:text-white transition-colors"><i class="fa fa-angle-right mr-1"></i> 常见问题解答</a></li>
                        <li><a href="#" class="hover:text-white transition-colors"><i class="fa fa-angle-right mr-1"></i> 联系我们</a></li>
                    </ul>
                </div>
                
                <div>
                    <h3 class="text-lg font-semibold mb-4">关注我们</h3>
                    <div class="flex space-x-4 mb-4">
                        <a href="#" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
                            <i class="fa fa-weixin text-lg"></i>
                        </a>
                        <a href="#" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
                            <i class="fa fa-weibo text-lg"></i>
                        </a>
                        <a href="#" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
                            <i class="fa fa-youtube-play text-lg"></i>
                        </a>
                    </div>
                    <p class="text-gray-400 text-sm"><i class="fa fa-clock-o mr-2"></i> 政策更新时间：2025年6月</p>
                </div>
            </div>
            
            <div class="border-t border-white/10 mt-8 pt-8 text-center text-gray-500 text-sm">
                <p>© 2025 荣昌区强企惠企政策库 版权所有 | 政策最终解释权归发文单位所有</p>
            </div>
        </div>
    </footer>

    <!-- JavaScript功能实现 -->
    <script>
        // 获取DOM元素
        const searchInput = document.getElementById('searchInput');
        const policyCards = document.querySelectorAll('.policy-card');
        const policyContainer = document.getElementById('policyContainer');
        const noResults = document.getElementById('noResults');
        const resultCount = document.getElementById('resultCount');
        const categoryFilters = document.querySelectorAll('.category-filter');
        
        // 存储当前激活的分类
        let activeCategory = 'all';
        
        // 搜索功能
        function filterPolicies() {
            const searchTerm = searchInput.value.toLowerCase().trim();
            let visibleCount = 0;
            
            policyCards.forEach(card => {
                const keywords = card.getAttribute('data-keywords').toLowerCase();
                const category = card.getAttribute('data-category');
                
                // 检查是否匹配搜索词和当前分类
                const matchesSearch = searchTerm === '' || keywords.includes(searchTerm);
                const matchesCategory = activeCategory === 'all' || category === activeCategory;
                
                if (matchesSearch && matchesCategory) {
                    card.style.display = 'block';
                    visibleCount++;
                    
                    // 添加淡入动画
                    setTimeout(() => {
                        card.style.opacity = '1';
                        card.style.transform = 'translateY(0)';
                    }, 50);
                } else {
                    card.style.opacity = '0';
                    card.style.transform = 'translateY(10px)';
                    
                    // 延迟隐藏以显示动画效果
                    setTimeout(() => {
                        card.style.display = 'none';
                    }, 300);
                }
            });
            
            // 更新结果计数
            resultCount.innerHTML = `显示 <span class="font-semibold text-primary">${visibleCount}</span> 项政策（共 ${policyCards.length} 项）`;
            
            // 显示/隐藏无结果提示
            if (visibleCount === 0) {
                noResults.classList.remove('hidden');
            } else {
                noResults.classList.add('hidden');
            }
        }
        
        // 分类筛选功能
        categoryFilters.forEach(button => {
            button.addEventListener('click', () => {
                // 更新活跃状态
                categoryFilters.forEach(btn => {
                    btn.classList.remove('active', 'bg-primary', 'text-white');
                    btn.classList.add('bg-gray-100', 'hover:bg-gray-200');
                });
                
                button.classList.add('active', 'bg-primary', 'text-white');
                button.classList.remove('bg-gray-100', 'hover:bg-gray-200');
                
                // 设置当前分类并筛选
                activeCategory = button.getAttribute('data-category');
                filterPolicies();
            });
        });
        
        // 监听搜索输入
        searchInput.addEventListener('input', filterPolicies);
        
        // 初始加载时运行一次筛选
        filterPolicies();
        
        // 滚动时改变导航栏样式
        window.addEventListener('scroll', () => {
            const header = document.querySelector('header');
            if (window.scrollY > 10) {
                header.classList.add('py-2', 'shadow');
                header.classList.remove('py-4', 'shadow-sm');
            } else {
                header.classList.add('py-4', 'shadow-sm');
                header.classList.remove('py-2', 'shadow');
            }
        });
    </script>
</body>
</html>